﻿/*resource list*/
.resource-list
{
    margin-bottom: 10px;    
}

.resource-list .header
{
    border-bottom: 0px solid #be2d2d !important;
    padding: 5px 10px;
    height: 32px;
    background-color: #eee;
}
.resource-list .header a
{
    display: inline;
    color: #333;
    cursor: pointer;
}
.resource-list .header a.view
{
    line-height: 32px;
}
.resource-list .header a h2
{
    color: #676767;
    display: inline;
        
    font: bold 24px sans-serif;
    color: #676767;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
    letter-spacing: -1px;
    padding: 0px 0 16px 0;
    line-height: 1.6;
}

.resource-list .detail
{
    padding-bottom: 10px;
}
.resource-list .detail ul
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.resource-list .detail ul li
{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 10px;
}
.resource-list .detail ul li:last-child
{
    margin-right: 0px;
}
.resource-list .detail li{
    background: #f4f4f4;    
    width: 229px;
    margin-right: 8px;
}
.resource-list .detail li:nth-child(3n+0){
    margin-right: 0px;
}
.resource-list .detail li .image{
    background: #fff;
}
.resource-list .detail li .image img{
    width: 100% !important;
    height: auto !important;
    background: #fff;
    max-height: 200px;
}
.resource-list .detail li .inner{
    height: 60px;
    padding: 10px 0px;
}

/*detail*/
.resource-collateral:after, .resource-view .resource-img-box .more-views ul:after, .resource-view .resource-shop .short-description:after, .resource-view .box-description:after, .resource-view .box-tags .form-add:after, .resource-options .options-list li:after, .resource-options-bottom:after, .resource-review:after, .block-subscribe .block-content:after
{
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}
.resource-nav{
    font-size: 11px;
    margin-left: 15px;
    margin: 1em 0 1em 0px;
}
.resource-nav ul{
    margin: 0px;
    padding: 0px;
    list-style: none;    
}
.resource-nav ul li{
    padding-right: 5px;
    display: inline-block;
}
.resource-nav ul li:after{
    content: "»";
    font-size: 9px;
    font-size: .9rem;
    padding-left: 4px;
    color: #b63939;
}
.resource-nav ul li:last-child:after{
    content: "";
}
.resource-nav ul li a{
    font-weight:bold;
    color: #004b91;
    text-transform: uppercase;
}
.resource-nav ul li a:hover {
    color: #b63939;
}
.resource-view
{
    margin-bottom: 10px;
    overflow: hidden;
    color: #555;
}
.resource-view .title h3{
    font-style: normal;
    letter-spacing: 0;
    background: none;
    border: none;
    font-size: 24px;
    line-height: 25px;
    padding: 5px 0 0 0;
    color: #2e2e2e;
    margin: 0; 
}
.resource-view .summary {
    padding: 10px 0;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
    margin: 15px 0;
}
.resource-view .box-img {    
    text-align: center;
    max-height: 400px;    	
 
}
.resource-view .share-buttons {
    border-top: 1px solid #CACACA;
    padding: 15px 0 15px 0;
    margin: 0;
}
.resource-view .share-buttons .comment:first-child{
    margin-left: 10px;    
}
.resource-view .share-buttons .comment:last-child:after{
    content:"";
}
.resource-view .share-buttons .comment:after{
    content:"|";
    margin: 0px 10px;
}
.resource-view .detail{
    padding: 10px 0px;
}
    .resource-view img
    {
        max-width: 270px;
    }

.resource-image
{
    position: relative;
    height: auto;
    border: 1px solid #ececec;
    background: url(../../asset/images/loader.gif) no-repeat center center;
    overflow: hidden;
}
.resource-view h2
{
    background: #FBFBFB;
    border: 1px solid #DDDDDD;
    font-size: 18px;
    line-height: 18px;
    color: #3A3A3A;
    padding: 10px 10px;
    margin-bottom: 10px;
    position: relative;
}
.resource-view .slogan{
    margin-bottom: 15px; 
}
.resource-img-box
{
    text-align: center;
    margin: 0 10 20 0;
    width: 300px;
    display: inline-block;
}

.resource-collateral .box-collateral
{
    margin-bottom: 20px;
}
.resource-collateral .video, .resource-collateral .maps, .resource-collateral .document, .resource-collateral .article, .resource-collateral .data
{
    height: 100%;
    position: relative;
    overflow: hidden;
}
.resource-collateral ul.box-collateral-title
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid;
    border-color: #ccc;
}
.resource-collateral ul.box-collateral-title li
{
    display: inline-block;
    margin-right: 10px;
}
.resource-collateral ul.box-collateral-title li:last-child
{
    margin-right: 0px;
}
.resource-collateral ul.box-collateral-title li a
{
    display: block;
    padding: 0px 10px;
}
.resource-collateral ul.box-collateral-title li a:hover
{
    background: #eee;
}
.resource-collateral .box-collateral h2
{
    border-bottom: 1px solid #ccc;    
}


.box-collateral-content{
    
}
.box-collateral-content li{
    margin-bottom: 10px;
    text-align: center;
}
.box-collateral-content .data li img{
    border: 1px solid #ccc;
}

.resource-top ul
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.resource-top ul li
{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 10px;
}
.resource-top ul li:last-child
{
    margin-right: 0px;
}
.resource-top li{
    background: #f4f4f4;    
    width: 229px;
    margin-right: 8px;
}
.resource-top li:nth-child(3n+0){
    margin-right: 0px;
}
.resource-top li .image{
    background: #fff;
}
.resource-top li .image img{
    width: 100% !important;
    height: auto !important;
    background: #fff;
    max-height: 200px;
}
.resource-top li .inner{
    height: 60px;
    padding: 10px 0px;
}